<template>
  <div class='container'>
   <Header></Header>
   <section>
       <nav style="background:#2b2b2b;width:212px">
           <Left></Left>
       </nav>
       <article>
           <el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  <el-breadcrumb-item>活动管理</el-breadcrumb-item>
  <el-breadcrumb-item>活动列表</el-breadcrumb-item>
  <el-breadcrumb-item>活动详情</el-breadcrumb-item>
</el-breadcrumb>
   <router-view></router-view>
       </article>
   </section>
  </div>
</template>

<script>
import Header from '@/components/Header'
import Left from '@/components/Left'
export default {
    components:{
        Header,Left
    }
};
</script>

<style scoped>

.container{
    height:100vh;
    display:flex;
    flex-direction:column;
}
section{
    display:flex;
    flex:1;
}
article{
flex:1;
padding:15px;
}


</style>